<!DOCTYPE html>
<ui:composition template="/master.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<ui:define name="content">
 		            <br />
            <h:outputText value="Salon: #{servicioadicionalxsalonBean.salon.nombreSalon}" />
			<br />		 
	
	<p:panel id="serviciosxsalon" header="Mis Servicios"
				style="background-color:rgba(0,0,0,0);">
				
								
				<h:panelGrid columns="3" cellpadding="1">
					<h:outputLabel for="selectServicio" value="Servicios:" />
					<p:selectOneMenu id="selectServicio" converter="servicioadicionalConverter"
									value="#{servicioadicionalxsalonBean.selectedServicioAdicional}" effect="fade" var="s"
									filter="true" filterMatchMode="startsWith" style="">

									<f:selectItems var="servicio" value="#{servicioadicionalxsalonBean.listServicioAdicional}"
										itemLabel="#{servicio.nombreServicio}" itemValue="#{servicio}" />
									<p:column>
										<h:outputText value="#{s.nombreServicio}" />
									</p:column>
					</p:selectOneMenu>
					<br></br>											
					<br></br>
					<h:outputLabel for="precioID" value="Precio:$" />
					<p:inputText id="precioID" value="#{servicioadicionalxsalonBean.servicioadicionalxsalon.precio}" style="width:200px"> </p:inputText>
					
					</h:panelGrid>
					<br>
					
					</br>
					<p:commandButton value="Agregar" id="btnAgregarServicios" icon="ui-icon-disk" process="@this,serviciosxsalon"
								update="singleDT" action="#{servicioadicionalxsalonBean.agregarServicio}" />

			<p:dataTable id="singleDT" var="saxs" value="#{servicioadicionalxsalonBean.listServAdicXSalonALlenar}"
				selection="#{servicioadicionalxsalonBean.servicioadicionalxsalonSelected}"
				rowKey="#{saxs.servicioadicionalxsalon.servicioadicional.nombreServicio}" editable="true" style="width:50%"
				rows="5" paginator="true" paginatorPosition="bottom"
				paginatorTemplate="{FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}">

								
				<p:column headerText="Servicio">
					<p:cellEditor>
						<f:facet name="output">
							<h:outputText value="#{saxs.servicioadicional.nombreServicio}" />
						</f:facet>
						<f:facet name="input">
											<p:inputText id="servicioInput"
												value="#{saxs.servicioadicional.nombreServicio}" style="width:100%" />
										</f:facet>
					</p:cellEditor>
				</p:column>
				<p:column headerText="Precio" style="text-align:left">
					<p:cellEditor>
						<f:facet name="output">
							<h:outputText value="#{saxs.precio}" />
						</f:facet>
						<f:facet name="input">
											<p:inputText id="precioInput"
												value="#{saxs.precio}" style="width:100%" />
										</f:facet>
					</p:cellEditor>
				</p:column>
				
				<p:column headerText="Eliminar"
					style="width:32px;text-align: center">
					<p:commandButton process="@this"
						update="singleDT" icon="ui-icon-close"
						title="View" action="#{servicioadicionalxsalonBean.eliminarServicio}">
						<f:setPropertyActionListener value="#{saxs}"
											target="#{servicioadicionalxsalonBean.servicioadicionalxsalonSelected}" />
					</p:commandButton>
				</p:column>
				
				 
			</p:dataTable>

	<p:growl id="growl" life="2000" />
			
<p:commandButton value="Guardar" icon="ui-icon-disk" action="#{servicioadicionalxsalonBean.guardarServicioAdicionalXSalon}"/>
		
			
	</p:panel>
	
	</ui:define>
</ui:composition>






